<div class="column1-unit">
	<div id="signal-details">
		<div id="chartdiv" style="height:400px;width:600px; ">
			<!-- Aqui se carga el gráfico -->
		</div>
		<!--  <input style="float:right;" type="button" id="btnResetZoom" name="btnResetZoom" value="Reset Zoom" /><br/>-->
	</div>
</div>

<script type="text/javascript" src="media/js/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="media/js/jqplot/plugins/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="media/js/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="media/js/jqplot/plugins/jqplot.highlighter.min.js"></script>
<script type="text/javascript" src="media/js/jqplot/plugins/jqplot.pointLabels.min.js"></script>
<script type="text/javascript">

	$(document).ready(function(){

		var aod_dataset = [];
		
		<?php 
			$counter = 1;
			foreach($stats_data as $stats_decade){
				for($i=0; $i < count($stats_decade); $i++){
					
				}				
			}
		?>

		
	    var s1 = [200, 600, 700, 1000];
	    var s2 = [460, 210, 690, 820];
	    var s3 = [260, 440, 320, 200];
	    // Can specify a custom tick Array.
	    // Ticks should match up one for each y value (category) in the series.
	    var ticks = ['May', 'June', 'July', 'August'];
	     
	    var plot1 = $.jqplot('chartdiv', [s1, s2, s3], {
	        // The "seriesDefaults" option is an options object that will
	        // be applied to all series in the chart.
	        seriesDefaults:{
	            renderer:$.jqplot.BarRenderer,
	            rendererOptions: {fillToZero: true}
	        },
	        // Custom labels for the series are specified with the "label"
	        // option on the series option.  Here a series option object
	        // is specified for each series.
	        series:[
	            {label:'Hotel'},
	            {label:'Event Regristration'},
	            {label:'Airfare'}
	        ],
	        // Show the legend and put it outside the grid, but inside the
	        // plot container, shrinking the grid to accomodate the legend.
	        // A value of "outside" would not shrink the grid and allow
	        // the legend to overflow the container.
	        legend: {
	            show: true,
	            placement: 'outsideGrid'
	        },
	        axes: {
	            // Use a category axis on the x axis and use our custom ticks.
	            xaxis: {
	                renderer: $.jqplot.CategoryAxisRenderer,
	                ticks: ticks
	            },
	            // Pad the y axis just a little so bars can get close to, but
	            // not touch, the grid boundaries.  1.2 is the default padding.
	            yaxis: {
	                pad: 1.05,
	                tickOptions: {formatString: '$%d'}
	            }
	        }
	    });
	});
</script>